import { defineComponent } from "vue";
import style from "./index.module.less";
import { demoPageProps } from "./types";
import CardView from "../CardView";
export default defineComponent({
  name: "",
  props: demoPageProps,
  setup(_) {
    return () => {
      return (
        <div class="flex flex-col mx-[20px] mt-[20px] m-child-top-20 ">
          {_.data.map((e: any) => {
            if (e.showCard != undefined && !e.showCard) return e.view();
            return <CardView title={e.title}>{e.view()}</CardView>;
          })}
        </div>
      );
    };
  },
});
